<template>
  <div id="app">
    <router-view />
    <AppTapbar v-if="$route.meta.isShowTabbar"></AppTapbar>
  </div>
</template>

<script>
import AppTapbar from "./components/AppTapbar.vue";
export default {
  components: {
    AppTapbar,
  },
};
</script>

<style lang="less">
html,
body {
  height: 100%;
}
#app {
  background-color: #efefef;
  height: 100%;
  font-size: 0.16rem;
}
html {
  font-size: 100px !important;
  // 下载插件清除默认样式后，设置的html字体大小样式也会被清除，我们
  // 需要给这个样式增加最高权重属性!important，就可以生效了
}
// rem单位解释  一个rem就是html文字的大小100px
// 对文字设置16像素，应该写多少rem？  答font-size：0.16rem;
// p {
//   width: 1rem;
//   height: 1rem;
//   background: red;
// }
</style>
